<template>
	<view>
		<view class="search-box">
			<icon class="search-icon" type="search" size="22" />
			<input class="input" type="text" @blur="searchChange" placeholder="请输入工序名称" confirm-type="搜索" @confirm="searchChange"
				:value="apiinfo.search" />
		</view>
		<scroll-view class="scrollpage" scroll-y>
			<view class="radio-item" v-for="index in 30">
				<image class="icon" src="/static/image/radio_icon.png" mode="aspectFit"></image>
				<view class="radio-name">
					所覆盖
				</view>
			</view>
			<view class="clearbottom">
				
			</view>
		</scroll-view>
		<view class="button-box">
			<view class="button">
				确认
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.page{
	background-color: #f6f6f6;
	width: 100%;
	min-height: 100vh;
}
.search-box{
		display: flex;
		width: calc(100% - 40rpx);
		margin:20rpx;
		background-color: white;
		height: 80rpx;
		border-radius: 10rpx;
		box-shadow:0px 0px 10px #8A8A8A;
		.search-icon{
			margin:20rpx;
		}
		.input{
			flex:1;
			height: 80rpx;
			line-height: 80rpx;
			font-size: 24rpx;
		}
	}
	.scrollpage{
		width:100%;
		height: calc(100vh - 120rpx);
	}
	.radio-item{
		display: flex;
		height: 80rpx;
		padding:0 20rpx;
		border-bottom: 1px solid #f6f6f6;
		.icon{
			width: 40rpx;
			height: 40rpx;
			margin:20rpx 0;
		}
		.radio-name{
			line-height: 80rpx;
			font-size:30rpx;
			margin-left: 20rpx;
		}
	}
	.clearbottom{
		width: 100%;
		height:calc(constant(safe-area-inset-bottom) + 40rpx);
		height:calc(env(safe-area-inset-bottom) + 40rpx);
	}
	.button-box{
		position: fixed;
		background-color: #f6f6f6;
		width: 100%;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
		padding:20rpx;
		padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx);
		padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
		.button{
			text-align: center;
			line-height: 80rpx;
			border-radius: 10rpx;
			color: white;
			background-color: #4169e1;
			font-size: 28rpx;
			width: 100%;
		}
	}
</style>
